<template>
  <div id="app">
    <header style="-webkit-app-region: drag">
      <i class="fa fa-window-minimize" aria-hidden="true" @click="send('window-min')"></i>
      <i class="fa fa-window-maximize" aria-hidden="true" @click="send('window-max')"></i>
      <!-- <i class="fa fa-window-restore" aria-hidden="true" @click="send('window-max')"></i> -->
      <i class="fa fa-window-close" aria-hidden="true" @click="send('window-close')"></i>
    </header>
    <router-view />
  </div>
</template>
<script>
const { ipcRenderer } = require("electron");
export default {
  name: "",

  data() {
    return {};
  },

  methods: {
    send(value) {
      ipcRenderer.send(value);
    }
  }
};
</script>
<style lang="less">
header {
  line-height: 40px;
  background: rgba(33, 37, 43, 1);
  text-align: right;
  button,
  i {
    -webkit-app-region: no-drag;
  }
  i {
    margin: 0 10px;
    color: #fff;
  }
}
</style>
